<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <!--<meta name="viewport" content="width=device-width, initial-scale=1">-->


    <title>学天下</title>
    <meta name="keywords" content="视频教程,网络课程,在线学习平台网站模板"/>
    <meta name="description" content="高端大气在线学习网站平台整站模板下载，包含27个子页面，模板设计的非常漂亮，值得借鉴。赶紧下载吧！"/>


    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.8/dist/vue.js"></script>
    <script data-turbolinks-track="true" src="/js/application-fb8562c33e2e6c7d207653c10215fc91.js"></script>
    <meta content="authenticity_token" name="csrf-param"/>
    <meta content="HfyB28ni5Qj/hP5e8BrOFEnWbp74KJ0mHJ2R98WyF40=" name="csrf-token"/>
    <link rel="apple-touch-icon" sizes="57x57" href="/images/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/images/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/images/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/images/apple-touch-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/images/apple-touch-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/images/apple-touch-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/images/apple-touch-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-180x180.png">
    <link rel="icon" type="image/png" href="/images/favicon-192x192.png" sizes="192x192">
    <link rel="icon" type="image/png" href="/images/favicon-160x160.png" sizes="160x160">
    <link rel="icon" type="image/png" href="/images/favicon-96x96.png" sizes="96x96">
    <link rel="icon" type="image/png" href="/images/favicon-16x16.png" sizes="16x16">
    <link rel="icon" type="image/png" href="/images/favicon-32x32.png" sizes="32x32">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/mstile-144x144.png">
    <link href="/css/bootstrap.min-8fb290f8babcc5e9f414858c033c7f0d.css" media="screen" rel="stylesheet"/>
    <link href="/css/flexslider5-a38a0d5dcb9aaf913de1a8d36f3ee87d.css" media="screen" rel="stylesheet"/>
    <link href="/css/global-debfc8ec0a7e4f27bc779fbae38e8375.css" media="screen" rel="stylesheet"/>
    <link href="/css/anonymous_index5-687a0671e5da4886ba342f19828b4557.css" media="screen" rel="stylesheet"/>
    <link href="/css/header_index5-164b41c7428ea8a790b352ecafdff0a1.css" media="screen" rel="stylesheet"/>
    <link href="/css/footer_index5-9584f4808f250f7a809ccc2b49b4d6fa.css" media="screen" rel="stylesheet"/>
    <link href="/css/banner_slider5-29883169fc4a8245c310d28c17cd3db1.css" media="screen" rel="stylesheet"/>
    <!--[if lt IE 9]>
    <script src="/js/html5shiv.min-f7427b1968f14d148d6c973339ec8bbb.js"></script>
<script src="/js/respond.min-497dcd05a34f78a0295d8ba4cc5008df.js"></script>
    <![endif]-->
    <!--[if lte IE 9]-->
    <script src="/js/html5boilerplate-20c3bd30c07e9e58ea1042f1da27d6b7.js"></script>
    <script src="/js/jquery.placeholder-f99209ea3cff0a13a5ec10e1e69b243f.js"></script>
    <![endif]-->
    <!--引入vue-->
    <script src="/js/index.js"></script>
    <script src="/js/axios.js"></script>
    <script>
        var webApiUrl = "";
        var mmLearnUrl = "";
    </script>
</head>
<body class="anonymous_index">


<!--<a href="/topics/NationalDay"><div class="top0826" style="background-image: url(http://kkb-image.b0.upaiyun.com/landing_pages/national/national_day.jpg);"></div></a>-->
<!--<a href="http://www.kaikeba.com/topics/liyi141020"><div class="top0826" style="background-image: url(assets/images/top_banner1.jpg);"></div></a>-->
<header class="banner-header" id="header">
    <div class="gray-top">
        <div class="container">
            <div class="row">
                <div class="pull-right">
                    <!--<span><a href="http://bbs.kaikeba.com">论坛</a></span>-->
                    <style type="text/css" media="screen">
                        .dowe-menu-course {
                            width: 336px;
                            background: #fff;
                            border-radius: 4px;
                            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
                        }

                        .dowe-menu-course-title {
                            height: 40px;
                            padding-left: 20px;
                            color: #879099;
                            font-size: 14px;
                            line-height: 40px;
                        }

                        .dowe-menu-course-list a {
                            display: block;
                            height: 65px;
                            padding: 0 20px;
                            text-decoration: none;
                        }

                        .dowe-menu-course-list a:hover {
                            background: #F4F4F4;
                        }

                        .listtitle {
                            color: #606366;
                            font-size: 14px;
                        }

                        .listtime {
                            color: #b6bec6;
                            font-size: 12px;
                        }

                        .dowe-menu-course-list a ul {
                            padding-top: 10px;
                            border-top: 1px #EDEFF0 solid;
                        }

                        .dowe-menu-course-list a ul li.classtitle {
                            color: #b2b6b9;
                            line-height: 30px;
                            font-size: 12px;
                            height: 30px;
                            overflow: hidden;
                        }
                    </style>
                    <span><a href="/api/oauth/toLogin">登录</a></span>
                    <!---->
                    <!--<span></span>-->
                    <!---->
                    <span><a href="reg.html">注册</a></span>
                    <!---->

                    <script>
                        window.domain = ''
                        var arrStr = document.cookie.split("; ");
                        var access_token = null;
                        for (var i = 0; i < arrStr.length; i++) {
                            if (arrStr[i].split("=")[0] === 'access_token') {
                                access_token = unescape(arrStr[i].split("=")[1]);
                            }
                            ;
                        }
                        ;
                        var kaikeba_lms_website = "";
                        if (access_token) {
                            $.ajax({
                                url: "",
                                type: 'GET',
                                contentType: 'application/json',
                                success: function (back) {
                                    if (back.data.length) {
                                        var htmls = '<div class="dowe-menu-course-title">最近学习</div>';
                                        for (var i = 0; i < back.data.length; i++) {
                                            var hlink = back.data[i]["school_code"] ? 'http://class.' + back.data[i]["school_code"] + '.' : kaikeba_lms_website;
                                            htmls += '<div class="dowe-menu-course-list">'
                                                + '<a href="' + hlink + back.data[i]["redirect_uri"] + '">'
                                                + '<ul class="list-unstyled">'
                                                + '<li>'
                                                + '<dl class="dl-horizontal" style="margin-bottom: 4px;">'
                                                + '<dt class="listtitle" style="text-align: left;">' + back.data[i]["course_name"] + '</dt>'
                                                + '<dd class="text-right listtime">' + back.data[i]["last_time_str"] + '学习</dd>'
                                                + '</dl>'
                                                + '</li>'
                                                + '<li class="classtitle">' + back.data[i]["context_title"] + '</li>'
                                                + '</ul>'
                                                + '</a>'
                                                + '</div>';
                                        }
                                        ;
                                        $('#study_progression').html(htmls);
                                    } else {
                                        var htmls = '<div class="dowe-menu-course-title">最近学习</div>';
                                        htmls += '<div class="dowe-menu-course-list" style="color:#333;text-align:center;">还没开始学习，来一课吧！</div>';
                                        $('#study_progression').html(htmls);
                                    }
                                }
                            });
                        }
                        ;
                        $('#my_course').hover(function () {
                            $('#study_progression').stop(true, true).show('fast');
                        }, function () {
                            $('#study_progression').stop(true, true).hide('fast');
                        });
                    </script>


                </div>
            </div>
        </div>
    </div>
    <div id="app" class="container">
        <div class="row">
            <div class="col-xs-12">
                <div class="pull-right header-search-top">
                    <form accept-charset="UTF-8" action="#" autocomplete="off" class="" method="get"
                          role="form">
                        <div style="display:none"><input name="utf8" type="hidden" value="&#x2713;"/></div>
                        <div class="form-group">
                            <input id="header-search" v-model="keywords" type="search" @keyup.enter="enterKey()" name="q[name_or_institution_name_cont]"
                                   class="search-input" value="" maxlength="50">
                            <input name="" type="submit" @click="search()" class="search-icon" value="">
                        </div>
                    </form>
                </div>
                <div class="navlist">
                    <ul>
                        <li><a href="index.html" class="select-navlist"> 首页 </a></li>
                        <li><a href="course_list.html"> 课程 </a></li>
                        <li><a href="" target="_blank"> 论坛 </a></li>
                        <!--<li><a href="#"> 企业邦 </a></li>-->
                    </ul>
                </div>

            </div>
        </div>
    </div>
    <div class="shadow"></div>
</header>


<div class="anonymous_index bannerslider">
    <div class="flexslider zd1">
        <ul class="slides">
            <li data-thumb="/banner/s1.jpg">
                <a href="#" target="_blank" click_source="top_banner_login" class="flex-img-holder">
                    <div class="flex-img-holder" style="background-image: url(/banner/1.jpg)">
                    </div>
                </a></li>
            <li data-thumb="/banner/s2.jpg">
                <a href="#" target="_blank" click_source="top_banner_login" class="flex-img-holder">
                    <div class="flex-img-holder" style="background-image: url(/banner/2.jpg)">
                    </div>
                </a></li>
            <li data-thumb="/banner/s1.jpg">
                <a href="#" target="_blank" click_source="top_banner_login" class="flex-img-holder">
                    <div class="flex-img-holder" style="background-image: url(/banner/1.jpg)">
                    </div>
                </a></li>
            <li data-thumb="/banner/s2.jpg">
                <a href="#" target="_blank" click_source="top_banner_login" class="flex-img-holder">
                    <div class="flex-img-holder" style="background-image: url(/banner/2.jpg)">
                    </div>
                </a></li>
        </ul>
        <div class="container controlNavContainer">
            <div class="block-menu">
                <div class="logoimg">
                    <a href="/index.html"><img src="/images/logo-white-fanit.png" alt="kaikeba-logo"/></a>
                </div>
                <div class="down-menu" th:each="module,moduleStat:${moduleList}">
                    <div class="down-menu-bg">
                        <div class="down-menu-title pull-left">
                            <a href="/courses?cat_id=7&q[category_id_eq]=7" th:text="${module.moduleName}">编程语言</a>
                        </div>
                        <div class="down-menu-list">
                            <span th:each="category,categoryStat:${module.categoryList}">
                                <a href="/course_list.html?utf8=✓&q[name_or_institution_name_cont]=Java" th:text="${category.name}">Java</a>
                            </span>

                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>


<div class="four-courses">
    <div class="container">
        <div class="row">
            <div class="col-xs-3 img-black">
                <a href="">
                    <div class="course">
                        <div class="img-course-collaborate text-center">
                            <img src="/images/150324course_1.png" alt="" width="100%">
                        </div>
                        <h4 class="text-center">IBM大数据专区</h4>
                        <!--<div class="company-logo text-center">
                          <span> <img src="" alt=""> </span> <span class="company-line">|</span> <span>专区</span>
                        </div>-->
                    </div>
                </a>
            </div>
            <div class="col-xs-3 img-black">
                <a href="">
                    <div class="course">
                        <div class="img-course-collaborate text-center">
                            <img src="/images/150324course_2.png" alt="" width="100%">
                        </div>
                        <h4 class="text-center">CompTIA Cloud Essentials</h4>
                        <!--<div class="company-logo text-center">
                          <span> <img src="" alt=""> </span> <span  class="company-line">|</span> <span>联合共建</span>
                        </div>-->
                    </div>
                </a>
            </div>
            <div class="col-xs-3 img-black">
                <a href="">
                    <div class="course">
                        <div class="img-course-collaborate text-center">
                            <img src="/images/150324course_3.png" alt="" width="100%">
                        </div>
                        <h4 class="text-center">计算思维</h4>
                        <!--<div class="company-logo text-center">
                          <span> <img src="/images/blackbg_company_logo_3.png" alt=""> </span> <span class="company-line">|</span> <span>联合共建</span>
                        </div>-->
                    </div>
                </a>
            </div>
            <div class="col-xs-3 img-black">
                <a href="">
                    <div class="course">
                        <div class="img-course-collaborate text-center">
                            <img src="/images/150324course_4.png" alt="" width="100%">
                        </div>
                        <h4 class="text-center">移动生产力</h4>
                        <!--<div class="company-logo text-center">
                          <span> <img src="/images/blackbg_company_logo_4.png" alt=""> </span> <span class="company-line">|</span> <span>联合共建</span>
                        </div>-->
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>

<hr class="index-mk">
<div class="container discover-therewey" style=" position:relative">
    <ul class="tab-control">
        <li><a href="#">公开课</a></li>
        <li><a href="#">导学课</a></li>
        <li><a href="#">微专业</a></li>
    </ul>
</div>

<div class="threeways mb4">
    <div class="flexslider">
        <div class="container">
            <div class="row">
                <ul class="slides">
                    <li>
                        <div id="feature">
                            <div class="container">
                                <div class="row">
                                    <div class="col-xs-6 wwid"><img src="/images/feature-1.png" alt="feature"></div>
                                    <div class="col-xs-6">
                                        <div class="feature-desc">
                                            <h1 class="feature-txt-gury" id="classtitle">全免费，无限制 <br>泛IT大咖高质量公开课</h1>
                                            <ul class="list-unstyled">
                                                <li>大师风采，言传身教：来自世界著名学府大师的亲自授课，感受名师的风采</li>
                                                <li>拓宽视野，提高技能：来自IT行业领军企业，知名培训机构的的名师大腕实战课程</li>
                                                <li>以学生为主角的合作探究课程：理论结合实战，快速充实自己，全免费的高质量课程</li>
                                                <li>对于热爱学习的你来说，这将是一个最好的时代</li>
                                            </ul>
                                            <a href="" class="btn feature-bg-blue">查看全部公开课</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li>
                        <div id="feature">
                            <div class="container">
                                <div class="row">
                                    <div class="col-xs-6 wwid"><img src="/images/feature-2.png" alt="feature"></div>
                                    <div class="col-xs-6">
                                        <div class="feature-desc">
                                            <h1 class="feature-txt-gury" id="classtitle">定期开课、按周学习、获得证书 <br>寓教于乐、抽打老师
                                            </h1>
                                            <ul class="list-unstyled">
                                                <li>明确的开课时间和结课时间，让你的学习更有条理性</li>
                                                <li>课程内容按周放送，循序渐进更有效</li>
                                                <li>以知识点为中心的微视频，并配合测验作业和讨论，巩固你的知识</li>
                                                <li>名企名校联合颁发证书，是你学习和求职的最好证明</li>
                                                <li>顶尖的讲师，一流的制作，为热爱学习的你提供最优质的课程</li>
                                            </ul>
                                            <a href="" class="btn feature-bg-orange">查看全部导学课</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li>
                        <div id="feature">
                            <div class="container">
                                <div class="row">
                                    <div class="col-xs-6 wwid"><img src="/images/feature-3.png" alt="feature"></div>
                                    <div class="col-xs-6">
                                        <div class="feature-desc">
                                            <h1 class="feature-txt-gury" id="classtitle">工信部CSIP认证体系课程 <br>考证、升级、打BOSS
                                            </h1>
                                            <ul class="list-unstyled">
                                                <li>以实战为方向，以就业为目的的专业课程</li>
                                                <li>全面的知识体系和明确的职业规划</li>
                                                <li>强大的师资力量和详实的学习规划</li>
                                                <li>获得技能的同时将收获一份极具价值的微专业证书和工信部认证</li>
                                            </ul>
                                            <a href="" class="btn feature-bg-green">查看全部微专业</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>


<hr class="index-mk">

<div class="discover-course">
    <h1 class="text-center">发现课程</h1>
    <div class="nav-control">
        <div class="container">
            <span class="navsp pull-right"><a class="underline-link" href="/course_list.html" target="_blank">查看全部课程</a></span>
            <ul class="nav nav-pills tab-control">
                <li><a href="#">精品推荐</a></li>
                <li><a href="#">最新上线</a></li>
                <li class=""><a href="#">大数据</a></li>
                <li class=""><a href="#">云计算</a></li>
                <li class=""><a href="#">移动开发</a></li>
                <li class=""><a href="#">编程开发</a></li>
                <li class="hidden-nav"><a href="#">互联网营销</a></li>
                <!--<li class="hidden-nav"><a href="#">办公软件</a></li>-->
            </ul>
        </div>
    </div>
    <div class="flexslider">
        <div class="container">
            <ul class="slides">
                <li>
                    <div class="media row">
                        <a class="pull-left flex-foremost-course col-xs-7" click_source="discover_top" href="">
                            <div class="media-object-viewport">
                                <img alt="基于数据生命周期的，涵盖各阶段的管理过程" class="media-object" src="/images/large_________.png"/>
                                <div class="shadow-layer"></div>
                            </div>
                            <div class="caption">
                                <span class="label-course label-course-lg label-guide-course">导学课</span>
                                <!-- <p><em></em></p> -->
                                <h1 style="white-space: normal;margin-right: 15px;">集成数据管理</h1>
                            </div>
                        </a>
                        <div class="media-body col-xs-5">
                            <ul class="media-list flex-course-list">
                                <li>
                                    <a class="media" click_source="discover_top" href="">
                                        <span class="pull-left" href="#"><img alt="参加互联网革命的浪潮，一起颠覆这个世界"
                                                                              class="media-object"
                                                                              src="/images/middle_________-__.png"/></span>
                                        <div class="media-body">
                                            <h4 class="media-heading">数据挖掘技术</h4>
                                            <p>
                                                <!-- <em></em> -->
                                                <span class="label-course label-guide-course">导学课</span>
                                            </p>
                                            <small class="text-muted">本课程主要内容包括：数据预处理、数据挖掘算法与...</small>
                                        </div>
                                    </a></li>
                                <li>
                                    <a class="media" click_source="discover_top" href="">
                                        <span class="pull-left" href="#"><img alt="HR事半功倍的秘密" class="media-object"
                                                                              src="/images/middle__Excel_HR_______-___.png"/></span>
                                        <div class="media-body">
                                            <h4 class="media-heading">Excel在HR管理中的应用</h4>
                                            <p>
                                                <!-- <em></em> -->
                                                <span class="label-course label-open-course">公开课</span>
                                            </p>
                                            <small class="text-muted">员工招聘、员工司龄、员工工资等问题困扰着HR，...</small>
                                        </div>
                                    </a></li>
                                <li>
                                    <a class="media" click_source="discover_top" href="">
                                        <span class="pull-left" href="#"><img alt="从零做起，掌握如何给开源社区OpenSt"
                                                                              class="media-object"
                                                                              src="/images/middle_____OpenStack______.png"/></span>
                                        <div class="media-body">
                                            <h4 class="media-heading">如何给OpenStack做代码贡献</h4>
                                            <p>
                                                <!-- <em></em> -->
                                                <span class="label-course label-open-course">公开课</span>
                                            </p>
                                            <small class="text-muted">本课程致力为对OpenStack项目感兴趣的同...</small>
                                        </div>
                                    </a></li>
                            </ul>
                        </div>
                    </div>
                </li>

                <li>
                    <div class="media row">
                        <a class="pull-left flex-foremost-course col-xs-7" click_source="discover_top" href="">
                            <div class="media-object-viewport">
                                <img alt="理解并掌握创业团队的构成与建设" class="media-object"
                                     src="/images/large_________1000x1000.jpg"/>
                                <div class="shadow-layer"></div>
                            </div>
                            <div class="caption">
                                <span class="label-course label-course-lg label-open-course">公开课</span>
                                <!-- <p><em></em></p> -->
                                <h1 style="white-space: normal;margin-right: 15px;">创业者与创业团队——创新创业公开课第二讲</h1>
                            </div>
                        </a>
                        <div class="media-body col-xs-5">
                            <ul class="media-list flex-course-list">
                                <li>
                                    <a class="media" click_source="discover_top" href="">
                                        <span class="pull-left" href="#"><img alt="目标人群为大三/大四即将毕业的学生。"
                                                                              class="media-object"
                                                                              src="/images/middle_1100003.png"/></span>
                                        <div class="media-body">
                                            <h4 class="media-heading">论文排版速成宝典 （Word2013）</h4>
                                            <p>
                                                <!-- <em></em> -->
                                                <span class="label-course label-guide-course">导学课</span>
                                            </p>
                                            <small class="text-muted">主要针对是即将毕业的撰写论文的在校学生而编写的...</small>
                                        </div>
                                    </a></li>
                                <li>
                                    <a class="media" click_source="discover_top" href="">
                                        <span class="pull-left" href="#"><img alt="本课为１天线下冲刺班" class="media-object"
                                                                              src="/images/middle_2015___________.png"/></span>
                                        <div class="media-body">
                                            <h4 class="media-heading">项目管理—线下冲刺班（中、高级）</h4>
                                            <p>
                                                <!-- <em></em> -->
                                                <span class="label-course label-guide-course">导学课</span>
                                            </p>
                                            <small class="text-muted">目前网站提供支付宝付款，如需银行汇款，可咨询在...</small>
                                        </div>
                                    </a></li>
                                <li>
                                    <a class="media" click_source="discover_top" href="">
                                        <span class="pull-left" href="#"><img alt="学习如何对案例分析答题和9大项目管理领域"
                                                                              class="media-object"
                                                                              src="/images/middle___________.png"/></span>
                                        <div class="media-body">
                                            <h4 class="media-heading">案例分析专题辅导</h4>
                                            <p>
                                                <!-- <em></em> -->
                                                <span class="label-course label-guide-course">导学课</span>
                                            </p>
                                            <small class="text-muted">目前网站提供支付宝付款，如需银行汇款，可咨询在...</small>
                                        </div>
                                    </a></li>
                            </ul>
                        </div>
                    </div>
                </li>

                <li>
                    <div class="media row">
                        <a class="pull-left flex-foremost-course col-xs-7" click_source="discover_top" href="">
                            <div class="media-object-viewport">
                                <img alt="利用大数据技术预测未来发展趋势" class="media-object" src="/images/large________.png"/>
                                <div class="shadow-layer"></div>
                            </div>
                            <div class="caption">
                                <span class="label-course label-course-lg label-guide-course">导学课</span>
                                <!-- <p><em></em></p> -->
                                <h1 style="white-space: normal;margin-right: 15px;">大数据概论</h1>
                            </div>
                        </a>
                        <div class="media-body col-xs-5">
                            <ul class="media-list flex-course-list">
                                <li>
                                    <a class="media" click_source="discover_top" href="">
                                        <span class="pull-left" href="#"><img alt="参加互联网革命的浪潮，一起颠覆这个世界"
                                                                              class="media-object"
                                                                              src="/images/middle_________-__.png"/></span>
                                        <div class="media-body">
                                            <h4 class="media-heading">数据挖掘技术</h4>
                                            <p>
                                                <!-- <em></em> -->
                                                <span class="label-course label-guide-course">导学课</span>
                                            </p>
                                            <small class="text-muted">本课程主要内容包括：数据预处理、数据挖掘算法与...</small>
                                        </div>
                                    </a></li>
                                <li>
                                    <a class="media" click_source="discover_top" href="">
                                        <span class="pull-left" href="#"><img alt="本课程将带领学员们进入R语言的世界"
                                                                              class="media-object"
                                                                              src="/images/middle__R_______.png"/></span>
                                        <div class="media-body">
                                            <h4 class="media-heading">R语言入门基础</h4>
                                            <p>
                                                <!-- <em></em> -->
                                                <span class="label-course label-guide-course">导学课</span>
                                            </p>
                                            <small class="text-muted">课程主要介绍数据存储和处理系统、数组运算工具所...</small>
                                        </div>
                                    </a></li>
                                <li>
                                    <a class="media" click_source="discover_top" href="">
                                        <span class="pull-left" href="#"><img alt="让用户轻松架构和使用的分布式计算平台"
                                                                              class="media-object"
                                                                              src="/images/middle_hadoop____.png"/></span>
                                        <div class="media-body">
                                            <h4 class="media-heading">Hadoop实战演练</h4>
                                            <p>
                                                <!-- <em></em> -->
                                                <span class="label-course label-guide-course">导学课</span>
                                            </p>
                                            <small class="text-muted">课程讲述Hadoop生态系统及版本演化、Had...</small>
                                        </div>
                                    </a></li>
                            </ul>
                        </div>
                    </div>
                </li>

                <li>
                    <div class="media row">
                        <a class="pull-left flex-foremost-course col-xs-7" click_source="discover_top" href="">
                            <div class="media-object-viewport">
                                <img alt="门外汉怎样迅速使用云服务" class="media-object" src="/images/large__AWS___________.png"/>
                                <div class="shadow-layer"></div>
                            </div>
                            <div class="caption">
                                <span class="label-course label-course-lg label-open-course">公开课</span>
                                <!-- <p><em></em></p> -->
                                <h1 style="white-space: normal;margin-right: 15px;">AWS Training 快速入门视频和实验</h1>
                            </div>
                        </a>
                        <div class="media-body col-xs-5">
                            <ul class="media-list flex-course-list">
                                <li>
                                    <a class="media" click_source="discover_top" href="">
                                        <span class="pull-left" href="#"><img alt="从零开始为移动设备创建云服务" class="media-object"
                                                                              src="/images/middle__Java_______.png"/></span>
                                        <div class="media-body">
                                            <h4 class="media-heading">Java 云计算编程（上）</h4>
                                            <p>
                                                <!-- <em></em> -->
                                                <span class="label-course label-guide-course">导学课</span>
                                            </p>
                                            <small class="text-muted">本课程介绍了如何将Android移动设备链接到...</small>
                                        </div>
                                    </a></li>
                                <li>
                                    <a class="media" click_source="discover_top" href="">
                                        <span class="pull-left" href="#"><img alt="揭开亚马逊云计算的神秘面纱" class="media-object"
                                                                              src="/images/middle____________-AndyJassy.jpg"/></span>
                                        <div class="media-body">
                                            <h4 class="media-heading">分享云计算的创新之路</h4>
                                            <p>
                                                <!-- <em></em> -->
                                                <span class="label-course label-open-course">公开课</span>
                                            </p>
                                            <small class="text-muted">AWS（亚马逊的子公司）为软件开发者和企业客户...</small>
                                        </div>
                                    </a></li>
                                <li>
                                    <a class="media" click_source="discover_top" href="">
                                        <span class="pull-left" href="#"><img alt="等你来攀登通往云架构师的天梯" class="media-object"
                                                                              src="/images/middle_____-_________-_____.png"/></span>
                                        <div class="media-body">
                                            <h4 class="media-heading">云之美-通向云架构师之路</h4>
                                            <p>
                                                <!-- <em></em> -->
                                                <span class="label-course label-open-course">公开课</span>
                                            </p>
                                            <small class="text-muted">实战派大师王仕将基于国内多种实际典型项目的架构...</small>
                                        </div>
                                    </a></li>
                            </ul>
                        </div>
                    </div>
                </li>

                <li>
                    <div class="media row">
                        <a class="pull-left flex-foremost-course col-xs-7" click_source="discover_top" href="">
                            <div class="media-object-viewport">
                                <img alt="IBM Worklight入门APP开发" class="media-object"
                                     src="/images/large_30____________APP______.png"/>
                                <div class="shadow-layer"></div>
                            </div>
                            <div class="caption">
                                <span class="label-course label-course-lg label-open-course">公开课</span>
                                <!-- <p><em></em></p> -->
                                <h1 style="white-space: normal;margin-right: 15px;">IBM
                                    Worklight入门-《30分钟教你如何开发一款移动App应用》</h1>
                            </div>
                        </a>
                        <div class="media-body col-xs-5">
                            <ul class="media-list flex-course-list">
                                <li>
                                    <a class="media" click_source="discover_top" href="">
                                        <span class="pull-left" href="#"><img alt="让徐志摩把云彩放入衣服口袋里随意带走"
                                                                              class="media-object"
                                                                              src="/images/middle__Android__________.png"/></span>
                                        <div class="media-body">
                                            <h4 class="media-heading">Android 平台移动云计算开发</h4>
                                            <p>
                                                <!-- <em></em> -->
                                                <span class="label-course label-guide-course">导学课</span>
                                            </p>
                                            <small class="text-muted">《安卓平台移动云运算开发》针对安卓平台开设的编...</small>
                                        </div>
                                    </a></li>
                                <li>
                                    <a class="media" click_source="discover_top" href="">
                                        <span class="pull-left" href="#"><img alt="Objective-C非常“实际”的语言"
                                                                              class="media-object"
                                                                              src="/images/middle_1000061.png"/></span>
                                        <div class="media-body">
                                            <h4 class="media-heading">Objective-C面向对象程序设计</h4>
                                            <p>
                                                <!-- <em></em> -->
                                                <span class="label-course label-guide-course">导学课</span>
                                            </p>
                                            <small class="text-muted">掌握Objective-C基本语法，能够利用多...</small>
                                        </div>
                                    </a></li>
                                <li>
                                    <a class="media" click_source="discover_top" href="">
                                        <span class="pull-left" href="#"><img alt="从零开始为移动设备创建云服务" class="media-object"
                                                                              src="/images/middle__Java_______.png"/></span>
                                        <div class="media-body">
                                            <h4 class="media-heading">Java 云计算编程（上）</h4>
                                            <p>
                                                <!-- <em></em> -->
                                                <span class="label-course label-guide-course">导学课</span>
                                            </p>
                                            <small class="text-muted">本课程介绍了如何将Android移动设备链接到...</small>
                                        </div>
                                    </a></li>
                            </ul>
                        </div>
                    </div>
                </li>

                <li>
                    <div class="media row">
                        <a class="pull-left flex-foremost-course col-xs-7" click_source="discover_top" href="">
                            <div class="media-object-viewport">
                                <img alt="现实世界中客观存在的一切都是你的数据元素" class="media-object" src="/images/large_1000736.png"/>
                                <div class="shadow-layer"></div>
                            </div>
                            <div class="caption">
                                <span class="label-course label-course-lg label-guide-course">导学课</span>
                                <!-- <p><em></em></p> -->
                                <h1 style="white-space: normal;margin-right: 15px;">编程入门基础</h1>
                            </div>
                        </a>
                        <div class="media-body col-xs-5">
                            <ul class="media-list flex-course-list">
                                <li>
                                    <a class="media" click_source="discover_top" href="">
                                        <span class="pull-left" href="#"><img alt="软件之路的第一把金钥匙" class="media-object"
                                                                              src="/images/middle_________-____.jpg"/></span>
                                        <div class="media-body">
                                            <h4 class="media-heading">编程算法基础</h4>
                                            <p>
                                                <!-- <em></em> -->
                                                <span class="label-course label-guide-course">导学课</span>
                                            </p>
                                            <small class="text-muted">课程通过循序渐进的方式剖析各种常见编程任务的求...</small>
                                        </div>
                                    </a></li>
                                <li>
                                    <a class="media" click_source="discover_top" href="">
                                        <span class="pull-left" href="#"><img alt="现实世界中客观存在的一切都是你的数据元素"
                                                                              class="media-object"
                                                                              src="/images/middle_________-_____1000x1000.jpg"/></span>
                                        <div class="media-body">
                                            <h4 class="media-heading">数据结构基础</h4>
                                            <p>
                                                <!-- <em></em> -->
                                                <span class="label-course label-guide-course">导学课</span>
                                            </p>
                                            <small class="text-muted">预备知识、自定义结构、java内置数据结构、排...</small>
                                        </div>
                                    </a></li>
                                <li>
                                    <a class="media" click_source="discover_top" href="">
                                        <span class="pull-left" href="#"><img alt="Objective-C非常“实际”的语言"
                                                                              class="media-object"
                                                                              src="/images/middle_1000061.png"/></span>
                                        <div class="media-body">
                                            <h4 class="media-heading">Objective-C面向对象程序设计</h4>
                                            <p>
                                                <!-- <em></em> -->
                                                <span class="label-course label-guide-course">导学课</span>
                                            </p>
                                            <small class="text-muted">掌握Objective-C基本语法，能够利用多...</small>
                                        </div>
                                    </a></li>
                            </ul>
                        </div>
                    </div>
                </li>

                <li>
                    <div class="media row">
                        <a class="pull-left flex-foremost-course col-xs-7" click_source="discover_top" href="">
                            <div class="media-object-viewport">
                                <img alt="想赚钱？拍摄技巧弱爆的你请进！" class="media-object" src="/images/large___________-__.png"/>
                                <div class="shadow-layer"></div>
                            </div>
                            <div class="caption">
                                <span class="label-course label-course-lg label-open-course">公开课</span>
                                <!-- <p><em></em></p> -->
                                <h1 style="white-space: normal;margin-right: 15px;">爆款拍摄实战技巧</h1>
                            </div>
                        </a>
                        <div class="media-body col-xs-5">
                            <ul class="media-list flex-course-list">
                                <li>
                                    <a class="media" click_source="discover_top" href="">
                                        <span class="pull-left" href="#"><img alt="微信华丽转身“高、大、上”" class="media-object"
                                                                              src="/images/middle_______.png"/></span>
                                        <div class="media-body">
                                            <h4 class="media-heading">微信营销入门</h4>
                                            <p>
                                                <!-- <em></em> -->
                                                <span class="label-course label-guide-course">导学课</span>
                                            </p>
                                            <small class="text-muted">微信营销时代已经到来了，Come on！学完这...</small>
                                        </div>
                                    </a></li>
                                <li>
                                    <a class="media" click_source="discover_top" href="">
                                        <span class="pull-left" href="#"><img alt="让搜索引擎为我所用" class="media-object"
                                                                              src="/images/middle_________-__.jpg"/></span>
                                        <div class="media-body">
                                            <h4 class="media-heading">搜索引擎营销</h4>
                                            <p>
                                                <!-- <em></em> -->
                                                <span class="label-course label-guide-course">导学课</span>
                                            </p>
                                            <small class="text-muted">掌握搜索营销的原理与过程，学会制作搜索营销方案...</small>
                                        </div>
                                    </a></li>
                                <li>
                                    <a class="media" click_source="discover_top" href="">
                                        <span class="pull-left" href="#"><img alt="教你如何分享互联网世界里的奶酪" class="media-object"
                                                                              src="/images/middle_1000042.png"/></span>
                                        <div class="media-body">
                                            <h4 class="media-heading">互联网营销概论</h4>
                                            <p>
                                                <!-- <em></em> -->
                                                <span class="label-course label-guide-course">导学课</span>
                                            </p>
                                            <small class="text-muted">《互联网营销概论》课程是一门基础理论课程，是电...</small>
                                        </div>
                                    </a></li>
                            </ul>
                        </div>
                    </div>
                </li>

                <li>
                    <!--<div class="media row">
                              <a class="pull-left flex-foremost-course col-xs-7" click_source="discover_top" href="course_detail.html">
                                  <div class="media-object-viewport">
                                    <img alt="美女HR教你绝杀技，工作汇报就这么简单。" class="media-object" src="/images/large__PPT______-__2_.png" />
                                    <div class="shadow-layer"></div>
                                  </div>
                                  <div class="caption">
                                    <span class="label-course label-course-lg label-open-course">公开课</span>
                                    &lt;!&ndash; <p><em></em></p> &ndash;&gt;
                                    <h1 style="white-space: normal;margin-right: 15px;">PPT武林绝杀技</h1>
                                  </div>
                  </a>        <div class="media-body col-xs-5">
                            <ul class="media-list flex-course-list">
                                  <li>
                                    <a class="media" click_source="discover_top" href="/courses/35">
                                        <span class="pull-left" href="#"><img alt="HR事半功倍的秘密" class="media-object" src="/images/middle__Excel_HR_______-___.png" /></span>
                                        <div class="media-body">
                                          <h4 class="media-heading">Excel在HR管理中的应用</h4>
                                          <p>
                                            &lt;!&ndash; <em></em> &ndash;&gt;
                                            <span class="label-course label-open-course">公开课</span>
                                          </p>
                                          <small class="text-muted">员工招聘、员工司龄、员工工资等问题困扰着HR，...</small>
                                        </div>
                  </a>                </li>
                                  <li>
                                    <a class="media" click_source="discover_top" href="/courses/32">
                                        <span class="pull-left" href="#"><img alt="PPT演讲演示之内外兼修" class="media-object" src="/images/middle____________-___.png" /></span>
                                        <div class="media-body">
                                          <h4 class="media-heading">超强说服力商务演示</h4>
                                          <p>
                                            &lt;!&ndash; <em></em> &ndash;&gt;
                                            <span class="label-course label-open-course">公开课</span>
                                          </p>
                                          <small class="text-muted">通过本课程您可以从最根本上改进商务演示的效率与...</small>
                                        </div>
                  </a>                </li>
                                  <li>
                                    <a class="media" click_source="discover_top" href="/courses/31">
                                        <span class="pull-left" href="#"><img alt="word技巧会为你带来事半功倍效果" class="media-object" src="/images/middle__Word_has_Word_______-__.png" /></span>
                                        <div class="media-body">
                                          <h4 class="media-heading">Word has Word我的还是我的</h4>
                                          <p>
                                            &lt;!&ndash; <em></em> &ndash;&gt;
                                            <span class="label-course label-open-course">公开课</span>
                                          </p>
                                          <small class="text-muted">写论文的时候没有正确的方法，在后期将会迎来一个...</small>
                                        </div>
                  </a>                </li>
                            </ul>
                          </div>
                    </div>-->
                </li>


            </ul>
        </div>
    </div>
</div>

<hr class="index-mk">

<div class="register-guide text-center">
    <h1>能看到里,那么接下来你应该...↓</h1>
    <div class="footer-sign">
        <a class="footer-sign-icon" href="/users/sign_up">注册</a>
    </div>
</div>

<footer class="footer" id="footer">
    <!--<div class="links">
      <div class="container">
        <div class="row">
          <div class="col-xs-2" >
            <div class="logo">
              <a href="index.html"><img src="/images/logo-white-15.png" alt=""></a>
            </div>
          </div>
          <div class="col-xs-5">
            <div class="row">
              <div class="col-xs-3">
                <h5>关于我们</h5>
                <ul class="list-unstyled">
                  <li><a href="about.html#advantage-anchor">我们的优势</a></li>
                  <li><a href="about.html#news-anchor">资讯报道</a></li>
                  <li><a href="about.html#joinus-anchor">加入我们</a></li>
                  <li><a href="about.html#contact-anchor">联系我们</a></li>
                </ul>
              </div>
              <div class="col-xs-3">
                <h5>产品&amp;服务</h5>
                <ul class="list-unstyled">
                  <li><a href="products.html#production_intro-anchor">产品介绍</a></li>
                  <li><a href="products.html#institution_cooperate-anchor">校企合作</a></li>
                  <li><a href="products.html#business_cooperate-anchor">商务合作</a></li>
                </ul>
              </div>
              <div class="col-xs-3">
                <h5>帮助中心</h5>
                <ul class="list-unstyled">
                  <li><a href="/help.html#common_question-anchor">常见问题</a></li>
                  <li><a href="/help.html#contact_customer-anchor">联系客服</a></li>
                  <li><a href="/help.html#user_agreement-anchor">服务协议</a></li>
                  <li><a href="/help.html#copyright_explain-anchor">隐私政策</a></li>
                </ul>
              </div>
              <div class="col-xs-3">
                <h5>优质资源</h5>
                <ul class="list-unstyled">
                  <li><a href="/instructors">优秀讲师</a></li>
                  <li><a href="/course_list.html">全部课程</a></li>
                  <li><a href="/good_resource#cooperate_platform">合作平台</a></li>
                  <li><a href="/verifies">证书验证</a></li>
                </ul>
              </div>
            </div>
          </div>

          <div class="col-xs-3 social-media pull-left">
            <div class="row">
              <div class="col-xs-6">
                <a href="http://bbs.kaikeba.com" class="btnganzhu btn-lg btn-block btn-weibo" target="_blank">
                  <span class="btnbg gflt"  style="display:block; float:left;margin-right:12px;"></span>
                  <span style="display:block; float:left; ">官方论坛</span>
                </a>
              </div>
              <div class="col-xs-6">
                <a href="http://weibo.com/kaikeba" class="btnganzhu btn-lg btn-block" target="_blank">
                  <span class="btnbg weibo"  style="display:block; float:left;margin-right:12px;"></span>
                  <span style="display:block; float:left; ">立即关注</span>
                </a>
              </div>
              <div class="col-xs-6 mgt10">
                <a href="http://t.qq.com/kaikeba" class="btnganzhu btn-lg btn-block btn-weibo" target="_blank">
                  <span class="btnbg txwb"  style="display:block; float:left;margin-right:12px;"></span>
                  <span style="display:block; float:left; ">立即关注</span>
                </a>
              </div>
              <div class="col-xs-6 mgt10">
                <a href="#" class="btnganzhu btn-lg btn-block btn-weibo">
                  &lt;!&ndash;<span class="btnbg txwb"  style="display:block; float:left;margin-right:12px;"></span>&ndash;&gt;
                  &lt;!&ndash;<span style="display:block; float:left; ">立即关注</span>&ndash;&gt;
                </a>
              </div>
            </div>
          </div>
          <div class=" text-center pull-right">
            <img src="/images/weixin-QR-footer.png" alt="" class="weixin-QR">
            <p class="wxz">学天下官方微信</p>
          </div>
        </div>
      </div>
    </div>-->
    <div class="copyright text-center">
        <p>崇祯皇帝组版权所有&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;重庆黑马20期&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;黑马JaveEE&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
        <!--<p>地址：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;邮箱：</p>-->
    </div>
</footer>

<!--[if IE 8]>
<script>
    if (!!!$.cookie('ie8-bootstrap-warning')) {
        $('body').prepend('<div class="alert alert-danger alert-dismissible fade in text-center" id="ie8-bootstrap-warning" style="border-color: #d84a36; background:#d84a36;color:white;position: absolute; z-index: 9999; width: 100%;" role="alert">'
                + '<button type="button" class="close" data-dismiss="alert" aria-label="关闭" style="position: absolute; right: 10px; margin-right: 0px;"><span aria-hidden="true">×</span></button>'
                + '使用IE8及以下版本可能会对你使用网站部分功能造成影响，请使用更高版本或者chrome浏览器'
                + '</div>');
        $('#ie8-bootstrap-warning').on('closed.bs.alert', function () {
            $.cookie('ie8-bootstrap-warning', 'true');
        })
    }
</script>
<![endif]-->

<!--[if lt IE 8]>
<script>
    if (!!!$.cookie('ie8-bootstrap-warning')) {
        $('body').prepend('<div class="alert alert-danger alert-dismissible fade in text-center" id="ie8-bootstrap-warning" style="border-color: #d84a36; background:#d84a36;color:white;position: absolute; z-index: 9999; width: 100%;" role="alert">'
                + '<button type="button" class="close" data-dismiss="alert" aria-label="关闭" style="position: absolute; right: 10px; width: 100px; padding-right: 10px; height: 30px; margin-right: 0px;"><span aria-hidden="true">×</span></button>'
                + '使用IE8及以下版本可能会对你使用网站部分功能造成影响，请使用更高版本或者chrome浏览器'
                + '</div>');
        $('#ie8-bootstrap-warning').on('closed.bs.alert', function () {
            $.cookie('ie8-bootstrap-warning', 'true');
        })
    }
</script>
<![endif]-->

<script src="/js/login_home.js"></script>

<!--[if lt IE 9]>
<script type="text/javascript" src="/js/ie8-resize.js"></script>
<![endif]-->
<script type="text/javascript" src="/js/global.js"></script>
<script type="text/javascript" src="/js/retina.custom.js"></script>
<script type="text/javascript" src="/js/anonymous_index5.js"></script>
<script>
    var app = new Vue({
        el:"#app",
        data:{
            keywords:""
        },
        methods:{
            search:function(){
                location.href="/api/search/list?keywords="+app.keywords;
            },
            enterKey:function(e){
                //Enter键的代码就是13
                this.search();
            }
        }
    });
</script>
</body>
</body>
</html>
